<%@ page language="java" contentType="text/html; charset=US-ASCII"
	pageEncoding="US-ASCII"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">

<!-- Link ai file CSS -->
<link href="css/gestionesistema.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/orderStyle.css">

</head>
<body>
	<%@include file="headerAmministratore.jsp"%>
	
	<script type="text/javascript" src="js/homeAmministratore.js"></script>
	<script type="text/javascript" src="js/list.js"></script>
	<script type="text/javascript" src="js/ricercaAccount.js"></script>
	<script type="text/javascript" src="js/noty/packaged/jquery.noty.packaged.min.js"></script>


	<!--DIV CONTAINER SEARCH -->
	<div id="container" class="search">

		<form class="form-horizontal">

			<!-- Inizio Ricerca per nome-->
			<div class="form-group">
				<label for="nome" class="col-sm-2 control-label">Nome</label>
				<div class="col-sm-6">
					<input type="text" name="RICER_NOME" class="form-control" id="nome"
						placeholder="Inserisci un nome">
				</div>
			</div>
			<!-- Fine Ricerca per nome-->

			<!-- Inizio Ricerca per cognome -->
			<div class="form-group">
				<label for="cognome" class="col-sm-2 control-label">Cognome</label>
				<div class="col-sm-6">
					<input type="text" name="RICER_COGN" class="form-control" id="cognome"
						placeholder="Inserisci un cognome">
				</div>
			</div>
			<!-- Fine Ricerca per cognome-->

			<!-- Inizio Ricerca per  matricola-->
			<div class="form-group">
				<label for="Matricola" class="col-sm-2 control-label">Matricola</label>
				<div class="col-sm-6">
					<input type="text" name="RICER_MATRIC" class="form-control" id="matricola"
						placeholder="Inserisci una matricola">
				</div>
			</div>
			<!-- Fine Ricerca per matricola-->


			<div id="form-group">
				<button type="reset"
					class="btn btn-default col-sm-2 col-sm-offset-2 glyphicon glyphicon-remove" onClick = "removeClasses()"><span style="font-family:arial">  Annulla</span></button>
										
			</div>

			<div id="form-group">
				<button id="ricercaBtn" type="button"
					class="btn btn-default col-sm-2 col-sm-offset-2 search-btn-submit glyphicon glyphicon-search" onClick="controlAccount()"><span style="font-family: arial"> Cerca</span></button>
			</div>


		</form>
	</div>
	
	<!-- Inizio Risultati Ricerca -->
	<div id="container_result_product" class="search-result-panel">

		<div class="panel panel-warning">

			<div class="panel-heading"> <h4> Risultati ricerca</h4></div>
			
				<div class="well" style="padding-top: 0px; overflow:auto; height: 500px;">
				<!-- Table -->
				<div class="add-scroll" style="height: 100%;">

					<div class="list-group" id="account">

						<table style="margin-top:15px;">
							<tr>
								<td style='width: 30%;'>
									<button class="btn btn-warning sort" data-sort="nome">Nome</button>
								</td>
								<td style='width: 30%;'>
									<button class="btn btn-warning sort" data-sort="cognome">Cognome</button>
								</td>
								<td style='width: 40%;'>
									<button class="btn btn-warning sort" data-sort="codicefiscale">Codice Fiscale</button>
								</td>
								<td style='width: 40%;'>
									<button class="btn btn-warning sort" data-sort="matricola">Matricola</button>
								</td>
							</tr>
						</table>


						<ul class="list"  id="list_account">
					 
					 
					 </ul> 
					</div>  

				</div>
			</div>
			
				
		</div>
	</div>

	<%@include file="footer.jsp"%>
</body>
</html>